@charset "utf8";
header{
	width: 1600px;
	height: 43px;
	background:#333333 ;
}
/* 中控区设定宽高 */
 header div#wrapper{
	width: 87%;
	height: 43px;
	backg     round: #55ff00;*/
	/* 居中 */
	position: relative;
  
} 
/* 中控左区 */
 header div#wrapper div.head_left{
	width: 55%;
	height: 43px;
	background: #333;
	float: left;
    position: relative;
	left: 95px;
} 


/*去掉右侧竖线*/
header div#wrapper div.head_left ul.ul_left li a.c{
	border: 0;
}

/*移动改色*/
header div#wrapper div.head_left ul.ul_left li a:hover{
	color: white;
}


header div#wrapper div.head_left ul.ul_left li.l1{
	float: left;
     margin: 10px 2px;
	 pointer-events: none;
}
/*--------------------------------------------------------------------------------------------------*/
/* 中控右区 */
header div#wrapper div.head_right{
	width: 15%px;
	height: 43px;
	background: #333;
	float: right;
	position: relative;
	    left: 29px;
	}
header div#wrapper div.head_right ul.ul_right li{
	float: right;
	margin: 0 2px;
	padding: 10px;
}

/*加竖线*/
header div#wrapper div.head_right ul.ul_right li.dl a{
	border-right: 2px solid #424243;
	padding: 0px 8px;
}
header div#wrapper div.head_right ul.ul_right li a.fix,header div#wrapper div.head_right ul.ul_right li a.c{
 border: 0;
}


/*购物车加：宽    背景色*/
header div#wrapper div.head_right ul.ul_right li.li_rig{
	width: 120px;
	background: #424243;
	
  
}
/*右侧区域：购物车*/
header div#wrapper div.head_right ul.ul_right li.li_rig i.shop{
	bor der: 1px solid yellow;
	padding:0px 14px;
	/*url(路径：相对路径，相对header.css找图片)*/
	background: url(../img/buy.png) no-repeat;
	
}


/*思路：派生选择器+伪类选择器【伪类不是在最后】
        可以在加背景色的同时加颜色背景图
	解读：给购物车区域加背景色，同时给a 加文字颜色，以及添加背景图
*/
header div#wrapper div.head_right ul.ul_right li.li_rig:hover{
	background: white;
}
header div#wrapper div.head_right ul.ul_right li.li_rig a:hover{
	color: #ff7d00;
}
header div#wrapper div.head_right ul.ul_right li.li_rig:hover i.shop{
	background: url(../img/buy01.png) no-repeat;
}

header div#wrapper div.head_right ul.ul_right li div.tanchu{
	position:absolute;
	width:350px;
	height:80px;
	font-size: 14px;
	over flow:hidden;
	background: #fcfcfc;
	box-shadow:0 2px 10px rgba(0，0，0，0.1);
	right: 2px;
	top:43px;
	transition:height 0.5s ease;
	color:#424242;
	text-align:center;
	line-height: 100px;
	z-index:99;
	display: none;
}







header div#wrapper div.head_right ul.ul_right li a:hover{
	color: white;
}
header div#wrapper div.head_right ul.shop{
	width: 120px;
	height: 43px;
	margin-left: 90px;
	background: #424242;
}
header div#wrapper div.head_right ul.shop i.car{
	padding: 0px 10px 0px 10px;
	background-image: url(../img/buy.png);
	vertical-align: middle;
}
header div#wrapper div.head_right ul.shop:hover i.car{
	background-image: url(../img/buy01.png);
}

header div#wrapper div.head_right ul.shop li:hover{
	background: #fff;
	color: #ff7d00;
	cursor:default;
}

header div#wrapper div.head_right ul.shop li a{
	text-align: center;
	line-height: 43px;
	position: relative;
	left: 8px;
	margin-right: 10px;
}
header div#wrapper div.head_right ul.shop li:hover a{
	color: #ff7d00;
	cursor:text;
}

header div#wrapper div.head_right ul.shop div.jump{
	position: absolute;
	font-size: 14px;
	width: 16%;
	height: 0;
	color: #333;
	background: #ffffff;
	overflow: hidden;
	left: 1590px;
	top: 46px;
	transition: height 0.3s ease;
	text-align: center;
	line-height: 80px;
	box-shadow: -1px 1px 3px #cacaca;
}
header div#wrapper div.head_right ul.shop:hover .jump{
	height:90px;
}